function createQRContainer() {
  const container = document.createElement('div');
  container.className = 'qr-container';
  
  // 创建二维码容器
  const qrDiv = document.createElement('div');
  qrDiv.id = 'qrcode';
  qrDiv.className = 'qr-code';
  
  // 创建网站名称
  const siteName = document.createElement('div');
  siteName.className = 'site-name';
  siteName.textContent = window.location.hostname;
  
  // 创建页面标题
  const pageTitle = document.createElement('div');
  pageTitle.className = 'page-title';
  pageTitle.textContent = document.title.substring(0, 10) + (document.title.length > 10 ? '...' : '');
  
  // 创建favicon
  const favicon = document.createElement('img');
  favicon.className = 'favicon';
  favicon.src = getFaviconUrl();
  
  // 组装容器
  container.appendChild(favicon);
  container.appendChild(qrDiv);
  container.appendChild(siteName);
  container.appendChild(pageTitle);
  
  document.body.appendChild(container);
  
  // 生成二维码
  new QRCode(qrDiv, {
    text: window.location.href,
    width: 256,
    height: 256,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.H
  });
}

function getFaviconUrl() {
  const favicon = document.querySelector('link[rel="icon"]') || 
                 document.querySelector('link[rel="shortcut icon"]');
  if (favicon) {
    return favicon.href;
  }
  return window.location.origin + '/favicon.ico';
}

// 页面加载完成后创建二维码
window.addEventListener('load', createQRContainer); 